import React, { useContext } from 'react';
import { ColorContext, UPDATE_COLOR } from './Color';

const Button = () => {
  const { dispatch } = useContext(ColorContext);
  return (
    <div>
      <button onClick={()=>{dispatch({type: UPDATE_COLOR, color: 'red'})}}>红色</button>
      <button onClick={()=>{dispatch({type: UPDATE_COLOR, color: 'yellow'})}}>黄色</button>
      <button onClick={()=>{dispatch({type: UPDATE_COLOR, color: 'pink'})}}>粉色</button>
    </div>
  )
}
export default Button;